<template>
  <div style="width: 100%; height: 100%">
    <el-tabs type="border-card" style="width: 100%; height: 100%">
      <el-tab-pane label="检查配置"><check-config /></el-tab-pane>
      <el-tab-pane label="静态资源"><check-static-res /> </el-tab-pane>
      <el-tab-pane label="服装资源"><check-clothe-res /></el-tab-pane>
      <el-tab-pane label="设置"><settings /></el-tab-pane>
    </el-tabs>
    <i
      @click="quit"
      class="el-icon-close no-drag"
      style="position: absolute; right: 1rem; top: 1rem"
    ></i>
  </div>
</template>
<script>
import CheckClotheRes from "./components/CheckClotheRes.vue";
import CheckConfig from "./components/CheckConfig.vue";
import CheckStaticRes from "./components/CheckStaticRes.vue";
import Settings from "./components/Settings.vue";
export default {
  components: { CheckConfig, CheckStaticRes, CheckClotheRes, Settings },
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    quit() {
      _app.quit();
    },
  },
};
</script>